<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>my-project</title>
  </head>
  <body style="height:100%;">
    <div id="app">
      {{message}}
      <xixi></xixi>
      <haha v-bind:value="value"></haha>
    </div>
  </body>
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  <script>
    Vue.component('xixi', {
      template: '<h2>xixi</h2>'
    })
    Vue.component('haha', {
      render: function (createElement) {
        return createElement('h1', {}, [
          createElement('h1', 'haha')
        ])
      }
    })
    var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello, Vue',
        value: 'haha'
      }
    })
  </script>
</html>
